---
type: tutorial
unitTitle: Установите курс на островки Astro
title: 'Шаг 6 - Островки Astro'
description: |-
  Руководство: Создайте свой первый блог на Astro —
  Используйте островки Astro для добавления компонентов фреймворка на ваш сайт на Astro
i18nReady: true
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';


Теперь, когда у вас есть полностью функционирующий блог, давайте добавим некоторые интерактивные островки на ваш сайт!

## Забегая вперёд

В этом модуле вы будете использовать **островки Astro** для внедрения компонентов фреймворка в ваш сайт на Astro.

Вы сможете:
- Добавить UI-фреймворк, Preact, в ваш Astro-проект
- Использовать Preact для создания интерактивного компонента приветствия
- Узнать, когда можно _не_ выбирать островки для интерактивности


<Box icon="check-list">

## Контрольный список

<Checklist>
- [ ] Я готов добавить некоторую интерактивность на свой сайт и начать жить островной жизнью!
</Checklist>
</Box>
